import { fileURLToPath, URL } from 'node:url'



import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'

import vueDevTools from 'vite-plugin-vue-devtools'

import AutoImport from 'unplugin-auto-import/vite'

import Components from 'unplugin-vue-components/vite'

import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

import ElementPlus from 'unplugin-element-plus/vite'



// https://vite.dev/config/

export default defineConfig({

  plugins: [

    vue(),

    //按需定制主题色配置

    ElementPlus({

      useSource: true,

    }),

    AutoImport({

      resolvers: [ElementPlusResolver( {importStyle:'sass'})],

    }),

    Components({

      resolvers: [ElementPlusResolver({importStyle:'sass'})],

    }),



    vueDevTools(),

  ],



  resolve: {

    alias: {

      '@': fileURLToPath(new URL('./src', import.meta.url))

    },

  },css: {

    preprocessorOptions: {

      scss: {

        // 自动导入定制化样式文件进行样式变量覆盖

        additionalData:`
 
        @use "@/assets/index.scss" as *;
 
        ` ,



      },



    }

  }

})